<template>
    <div class="defaultDetail">
        <!-- <div class="panelRow">
            <div>{{i18n['label']}}：</div>
            <el-input style="width:90%; font-size:12px"
                      :disabled="readOnly"
                      :value="model.label"
                      @input="(value) => {onChange('label', value)}" />
        </div> -->
                <el-input :disabled="readOnly"
                      :value="model.label"
                      size="small"
                      @input="(value) => {onChange('label', value)}"></el-input>
              
        <!-- <div class="panelRow">
            <el-checkbox @change="(value) => onChange('hideIcon', value)"
                         :disabled="readOnly"
                         :value="!!model.hideIcon">{{i18n['hideIcon']}}</el-checkbox>
        </div> -->
    </div>
</template>
<script>
  export default {
    inject: ['i18n'],
    props: {
      model: {
        type:Object,
        default: ()=>({}),
      },
      onChange: {
        type: Function,
        default: ()=>{}
      },
      readOnly:{
        type: Boolean,
        default: false,
      }
    },
    mounted(){
      // console.log(this.model)
    }
  }
</script>
<style lang="scss" scoped>
// .defaultDetail{
//   padding-top:50px;
// }
</style>
